<template>
	<view class="flex-col page">
		<u-navbar title="兑换会员" :autoBack="true" bgColor="#fff" placeholder="true"></u-navbar>
		<view class="mt-8 flex-col justify-center items-center section_2">
			<u--input placeholder="请输入兑换号" v-model="keyword"
				customStyle="padding:0;margin:40rpx 10rpx;width:500rpx;text-align: center;"></u--input>
			<view class="button mt-30">
				立即兑换
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		components: {},
		props: {},
		data() {
			return {
				list: [],
				userInfo: [],
			};
		},
		onLoad() {
			this.getList();
		},
		methods: {
			getList() {
				this.userInfo = uni.getStorageSync('userInfo');
				// if (this.userInfo.group_id == 1) return true;

				this.$api.sendRequest({
					url: '/api/index/getYanCollectList',
					data: {
						user_id: this.userInfo.id
					},
					success: res => {
						console.log(res.data)
						if (res.code == 1) {
							this.list = res.data;
						}
					}
				});
			},
			detail(item) {
				uni.navigateTo({
					url: '/pages/index/detail?id=' + item.yan_id + '&title=' + item.yan
				})
			},
		},
	};
</script>

<style scoped lang="scss">
	.ml-3-5 {
		margin-left: 7rpx;
	}

	.ml-31 {
		margin-left: 62rpx;
	}

	.button {
		width: 450rpx;
		height: 80rpx;
		line-height: 80rpx;
		text-align: center;
		border-radius: 40rpx;
		color: #fff;
		background-color: #00806b;
		font-size: 26rpx;
	}

	.page {
		background-color: #f5f5f5;
		width: 100%;
		overflow-y: auto;
		overflow-x: hidden;
		height: 100%;

		.section {
			padding: 34rpx 0 20rpx;
			background-color: #ffffff;

			.text-wrapper {
				margin-left: 32rpx;
				margin-right: 10rpx;
				padding: 96rpx 0 18rpx;
				background-image: url('https://www.dlxx.top/static/images/05e0093ead41b70437e3214e578e2e5a.png');
				background-size: 100% 100%;
				background-repeat: no-repeat;

				.text_2 {
					color: #00140d;
					font-size: 28rpx;
					font-family: PingFangSC;
					line-height: 27rpx;
				}
			}
		}

		.text_3 {
			width: 40%;
		}

		.text_4 {
			width: 20%;
		}

		.text_5 {
			width: 20%;
		}

		.section_2 {
			margin: 0 10rpx;
			padding: 30rpx;
			background-color: #ffffff;
			border-radius: 10rpx 10rpx 0 0;

			.group {
				padding: 39rpx 0 15rpx;
				border-bottom: solid 3rpx #eeeeee;

				.font {
					font-size: 22rpx;
					font-family: PingFangSC;
					line-height: 23rpx;
					color: #999999;
				}


			}

			.list {
				padding-top: 3rpx;

				.list-item {
					padding: 24rpx 4rpx;
					border-bottom: solid 3rpx #eeeeee;

					.font_2 {
						font-size: 24rpx;
						font-family: PingFangSC;
						line-height: 23rpx;
						color: #011613;
					}

					.font_3 {
						font-size: 24rpx;
						font-family: PingFangSC;
						line-height: 24rpx;
						color: #00806b;
					}

					.group_4 {
						width: 20%;

						.image {
							width: 10rpx;
							height: 24rpx;
							margin-right: 8rpx;
						}

						.image_2 {
							width: 10rpx;
							height: 24rpx;
							margin-right: 14rpx;
							margin-left: -6rpx;
						}
					}

					.font_4 {
						font-size: 24rpx;
						font-family: PingFangSC;
						line-height: 23rpx;
						color: #00806b;
					}


				}
			}
		}

		.text {
			text-transform: uppercase;
		}
	}
</style>